<style type="text/css">
*{margin: 0; padding: 0;}
#modal {width: 620px; background: #F5F5F5; border: 3px; solid #DDD; margin: 15px 25px 30px 25px; padding-bottom: 18px;}
</style>


<?php
define(TITULO, 'Vende-se uma linda casa com 3 quartos e piscina!');
define(VENDENDOR, 'Tiago');
define(NEGOCIO, 'Venda');
define(TIPO, 'Casa');

$adicional ='Bela casa localizada no centro da cidade, com escolas, bancos e metrô perto!';
$conteudoCasa = array(
					'quartos' 		=> '3',
					'Suites' 		=> 'Não',
					'Banheiros' 	=> '2',
					'piscina' 		=> 'Sim',
					'garagem' 		=> 'Para 3 quartos'
					);
?>



<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Exemplo Prático</title>
</head>
<body>
	<div id="modal">
		<h1><?php echo TITULO; ?></h1>
		<strong>Vendedor: </strong> 		<p><?php echo VENDENDOR; ?></p>
		<strong>Negóio: </strong> 			<p><?php echo NEGOCIO; ?></p>
		<strong>Tipo de imóvel: </strong> 	<p><?php echo TIPO; ?></p>

		<img src="">

		<h2>Informações Complementar: </h2>
		<h3><?php echo $adicional; ?></h3>

		<?php
			foreach ($conteudoCasa as $indice => $NovoConteudo) {
				echo "<ul>";
					echo "<li>";
						echo $indice.' - '.$NovoConteudo;
					echo "</li>";
				echo "</ul>";
			}
		?>
	</div><!--Modal-->
</body>
</html>